<!DOCTYPE html>
<html>
    <head>
        <title>排行榜</title>
        <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
        <link rel="stylesheet" href="../css/charts.css">
        <link rel="stylesheet" href="../css/public.css">
        <link rel="stylesheet" href="../css/style.css">
    </head>
    <body>
        <div class="boxx">
        		<!-- 菜单 -->
		<div class="menu">
			<div class="menu-left">
				<h1>清风图书</h1>
			</div>
			<div class="menu-right">
				<ul>
					<li><a href="index.html">首页</a></li>
                    
					<!-- <li><a href="#">图书榜单</a></li> -->
					<li><a href="classify.html">男生阅读</a></li>
					<li><a href="record.html">女生阅读</a></li>
				    <!-- <li><a href="mianfeitushu.html">免费图书</a></li> -->
					<li><a href="#">排行榜</a></li>
					<li><a href="longin.html">登录</a></li>
                    <li><a href="register.html">注册</a></li>
                    <li><a href="../d.html">个人介绍</a></li> 
					<li><input type="search" class="search" value="请输入搜索"><input type="button" class="button" value="搜索"></li>
					
				</ul>
			</div>
        </div>
 
        
        <div class="cl10"></div>
        <div class="new-music-title">
            <h1>书籍推荐</h1>
        </div>
        <div class="cl10-img">
            
            <div class="cl10-img-img">
                <img class="lc-img" src="../img/63.jpg">
                <img class="lc-img" src="../img/26.jpg">
                <img class="lc-img" src="../img/30.jpg">
                <img class="lc-img" src="../img/23.jpg">
                <img class="lc-img" src="../img/22.jpg">
            </div>
            
           </div>
        <div class="con w990">
            <div class="cl10"></div>
        <div class="bdlist clearfix">
            <!-- 分割线 -->
            
            <div class="w240 fl">
                <div class="blank" data-zlog="193">
                    <div class="title">文学</div>
                    <div class="cont">
                        <ul class="lists clearfix">
                            <li class="top">
                                <a href="#">
                                    《笑场》</a>
                                <em>1</em>
                            </li>
                            <li class="top">
                                <a href="#">
                                   《皮囊》</a>
                                <em>2</em>
                            </li>
                            <li class="top">
                                <a href="#">
                                  《人间词话》</a>
                                <em>3</em>
                            </li>
                            <li><a href="#">
                                《我与地坛》 </a>
                                <em>4</em></li>
                            <li><a href="#">
                                《浮生六记》</a>
                                <em>5</em></li>
                            <li><a href="#">
                               《夜航船》</a>
                                <em>6</em></li>
                                <li><a href="#">
                                   《人间告白》</a>
                                    <em>7</em></li>
                                    <li><a href="#">
                                        《瓦尔登湖》</a>
                                        <em>8</em></li>
                                        <li><a href="#">《人间食话》</a>
                                            <em>9</em></li>
                                            <li><a href="#">《文化苦旅》</a>
                                                <em>10</em></li>
                        </ul>
                    </div>
                </div>
            </div>
               <!-- 分割线 -->
               <div class="w240 fl">
                <div class="blank" data-zlog="193">
                    <div class="title">经济</div>
                    <div class="cont">
                        <ul class="lists clearfix">
                            <li class="top">
                                <a href="#">《博弈论》</a>
                                <em>1</em>
                            </li>
                            <li class="top">
                                <a href="#">《反脆弱》</a>
                                <em>2</em>
                            </li>
                            <li class="top">
                                <a href="#">《八次危机》</a>
                                <em>3</em>
                            </li>
                            <li><a href="#">
                                《国富论》</a>
                                <em>4</em></li>
                            <li><a href="#">《百岁人生》</a>
                                <em>5</em></li>
                            <li><a href="#">《资本论》</a>
                                <em>6</em></li>
                                <li><a href="#">《中国经济》</a>
                                    <em>7</em></li>
                                    <li><a href="#">《货币未来》</a>
                                        <em>8</em></li>
                                        <li><a href="#">《无畏》</a>
                                            <em>9</em></li>
                                            <li><a href="#">《经济史》</a>
                                                <em>10</em></li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- 分割线 -->
            <div class="w240 fl">
                <div class="blank" data-zlog="193">
                    <div class="title">青春文学</div>
                    <div class="cont">
                        <ul class="lists clearfix">
                            <li class="top">
                                <a href="#">《难哄》</a>
                                <em>1</em>
                            </li>
                            <li class="top">
                                <a href="#">《小家伙》</a>
                                <em>2</em>
                            </li>
                            <li class="top">
                                <a href="#">《他最野了》</a>
                                <em>3</em>
                            </li>
                            <li><a href="#">《酸梅》</a>
                                <em>4</em></li>
                            <li><a href="#">《偏偏宠爱》</a>
                                <em>5</em></li>
                            <li><a href="#">
                                《将进酒》</a>
                                <em>6</em></li>
                                <li><a href="#">《软柿子》</a>
                                    <em>7</em></li>
                                    <li><a href="#">《败给喜欢》</a>
                                        <em>8</em></li>
                                        <li><a href="#">
                                      《你的名字》</a>
                                            <em>9</em></li>
                                            <li><a href="#">
                                                《匆匆那年》</a>
                                                <em>10</em></li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- 分割线 -->
            <div class="w240 last fl">
                <div class="blank" data-zlog="193">
                    <div class="title">心里学</div>
                    <div class="cont">
                        <ul class="lists clearfix">
                            <li class="top">
                                <a href="#">《墨菲定律》</a>
                                <em>1</em>
                            </li>
                            <li class="top">
                                <a href="#">《抑郁症》</a>
                                <em>2</em>
                            </li>
                            <li class="top">
                                <a href="#">《理解人性》</a>
                                <em>3</em>
                            </li>
                            <li><a href="#">《亲密关系》</a>
                                <em>4</em></li>
                            <li><a href="#">《乌合之众》</a>
                                <em>5</em></li>
                            <li><a href="#">
                                《虫洞书简》</a>
                                <em>6</em></li>
                                <li><a href="#">《梦的解析》</a>
                                    <em>7</em></li>
                                    <li><a href="#">
                                        《爱的艺术》</a>
                                        <em>8</em></li>
                                        <li><a href="#">《认同自己》</a>
                                            <em>9</em></li>
                                            <li><a href="#">《人格分裂》</a>
                                                <em>10</em></li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- 分割线 -->
            <div class="cl30"></div>
 <!-- 分割线 -->
            <div class="w240 fl">
                <div class="blank" data-zlog="193">
                    <div class="title">社会科学</div>
                    <div class="cont">
                        <ul class="lists clearfix">
                            <li class="top">
                                <a href="#">
                                    《下沉年代》</a>
                                <em>1</em>
                            </li>
                            <li class="top">
                                <a href="#">
                                   《第二性》</a>
                                <em>2</em>
                            </li>
                            <li class="top">
                                <a href="#">
                                    《乡土中国》</a>
                                <em>3</em>
                            </li>
                            <li><a href="#">《破茧》</a>
                                <em>4</em></li>
                            <li><a href="#">
                                《回归故里》</a>
                                <em>5</em></li>
                            <li><a href="#">
                                《消费社会》</a>
                                <em>6</em></li>
                                <li><a href="#">
                                    《大国大城》</a>
                                    <em>7</em></li>
                                    <li><a href="#">
                                        《文心》</a>
                                        <em>8</em></li>
                                        <li><a href="#">《舆论》</a>
                                            <em>9</em></li>
                                            <li><a href="#">《生育制度》</a>
                                                <em>10</em></li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- 分割线 -->
            <div class="w240 fl">
                <div class="blank" data-zlog="193">
                    <div class="title">励志</div>
                    <div class="cont">
                        <ul class="lists clearfix">
                            <li class="top">
                                <a href="#">
                                    《断舍离》</a>
                                <em>1</em>
                            </li>
                            <li class="top">
                                <a href="#">《钝感力》</a>
                                <em>2</em>
                            </li>
                            <li class="top">
                                <a href="#">《学习高手》</a>
                                <em>3</em>
                            </li>
                            <li><a href="#">《塔木德》</a>
                                <em>4</em></li>
                            <li><a href="#">《秘密》</a>
                                <em>5</em></li>
                            <li><a href="#">《格局》</a>
                                <em>6</em></li>
                                <li><a href="#">
                                    《掌控谈话》</a>
                                    <em>7</em></li>
                                    <li><a href="#">《高效学习》</a>
                                        <em>8</em></li>
                                        <li><a href="#">
                                            《臣服实验》</a>
                                            <em>9</em></li>
                                            <li><a href="#">《情商》</a>
                                                <em>10</em></li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- 分割线 -->
            <div class="w240 fl">
                <div class="blank" data-zlog="193">
                    <div class="title">哲学</div>
                    <div class="cont">
                        <ul class="lists clearfix">
                            <li class="top">
                                <a href="#">《沉思录》</a>
                                <em>1</em>
                            </li>
                            <li class="top">
                                <a href="#">《姥姥语录》</a>
                                <em>2</em>
                            </li>
                            <li class="top">
                                <a href="#">《学会提问》</a>
                                <em>3</em>
                            </li>
                            <li><a href="#">《懂你》</a>
                                <em>4</em></li>
                            <li><a href="#">
                                《幸福之路》</a>
                                <em>5</em></li>
                            <li><a href="#">《理想国》</a>
                                <em>6</em></li>
                                <li><a href="#">《资本论》</a>
                                    <em>7</em></li>
                                    <li><a href="#">《美的历程》</a>
                                        <em>8</em></li>
                                        <li><a href="#">《易经杂说》</a>
                                            <em>9</em></li>
                                            <li><a href="#">《幸福之路》</a>
                                                <em>10</em></li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- 分割线 -->
            <div class="w240 fl">
                <div class="blank" data-zlog="193">
                    <div class="title">历史</div>
                    <div class="cont">
                        <ul class="lists clearfix">
                            <li class="top">
                                <a href="#">《民国往事》</a>
                                <em>1</em>
                            </li>
                            <li class="top">
                                <a href="#">《中国通史》</a>
                                <em>2</em>
                            </li>
                            <li class="top">
                                <a href="#">《明朝简史》</a>
                                <em>3</em>
                            </li>
                            <li><a href="#">《史记》</a>
                                <em>4</em></li>
                            <li><a href="#">《万古江河》</a>
                                <em>5</em></li>
                            <li><a href="#">《丝绸之路》</a>
                                <em>6</em></li>
                                <li><a href="#">《未来简史》</a>
                                    <em>7</em></li>
                                    <li><a href="#">《三国志》</a>
                                        <em>8</em></li>
                                        <li><a href="#">《资治通鉴》</a>
                                            <em>9</em></li>
                                            <li><a href="#">
                                                《当代学术》</a>
                                                <em>10</em></li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- 分割线 -->
             <div class="w240 fl">
                <div class="blank" data-zlog="193">
                    <div class="title">生物科学</div>
                    <div class="cont">
                        <ul class="lists clearfix">
                            <li class="top">
                                <a href="#">《动物行为》</a>
                                <em>1</em>
                            </li>
                            <li class="top">
                                <a href="#">《人力计划》</a>
                                <em>2</em>
                            </li>
                            <li class="top">
                                <a href="#">《微生物》</a>
                                <em>3</em>
                            </li>
                            <li><a href="#">《病毒》</a>
                                <em>4</em></li>
                            <li><a href="#">《生物-人》</a>
                                <em>5</em></li>
                            <li><a href="#">《生物奥秘》</a>
                                <em>6</em></li>
                                <li><a href="#">《物种起源》</a>
                                    <em>7</em></li>
                                    <li><a href="#">《基因论》</a>
                                        <em>8</em></li>
                                        <li><a href="#">《万物简史》</a>
                                            <em>9</em></li>
                                            <li><a href="#">
                                            《昆虫记》</a>
                                                <em>10</em></li>
                        </ul>
                    </div>
                </div>
            </div> 
            <!-- 分割线 -->
            <div class="w240 fl">
                <div class="blank" data-zlog="193">
                    <div class="title">语言文字</div>
                    <div class="cont">
                        <ul class="lists clearfix">
                            <li class="top">
                                <a href="#">《原来如此》</a>
                                <em>1</em>
                            </li>
                            <li class="top">
                                <a href="#">《古文导学》</a>
                                <em>2</em>
                            </li>
                            <li class="top">
                                <a href="#">《汉字简史》</a>
                                <em>3</em>
                            </li>
                            <li><a href="#">《文心》</a>
                                <em>4</em></li>
                            <li><a href="#">《语林趣话》</a>
                                <em>5</em></li>
                            <li><a href="#">《语言变异》</a>
                                <em>6</em></li>
                                <li><a href="#">《新华词典》</a>
                                    <em>7</em></li>
                                    <li><a href="#">《现代汉语》</a>
                                        <em>8</em></li>
                                        <li><a href="#">《语法讲义》</a>
                                            <em>9</em></li>
                                            <li><a href="#">
                                              《说文解字》</a>
                                                <em>10</em></li>
                        </ul>
                    </div>
                </div>
            </div>
             <!-- 分割线 -->
            <div class="w240 fl">
                <div class="blank" data-zlog="193">
                    <div class="title">休闲小说</div>
                    <div class="cont">
                        <ul class="lists clearfix">
                            <li class="top">
                                <a href="#">《斗破苍穹》</a>
                                <em>1</em>
                            </li>
                            <li class="top">
                                <a href="#">《踏星》</a>
                                <em>2</em>
                            </li>
                            <li class="top">
                                <a href="#">《末日崛起》</a>
                                <em>3</em>
                            </li>
                            <li><a href="#">《寒门贵子》</a>
                                <em>4</em></li>
                            <li><a href="#">《十宗罪》</a>
                                <em>5</em></li>
                            <li><a href="#">《唐砖》</a>
                                <em>6</em></li>
                                <li><a href="#">《诛仙》</a>
                                    <em>7</em></li>
                                    <li><a href="#">《星辰变》</a>
                                        <em>8</em></li>
                                        <li><a href="#">《飘渺之旅》</a>
                                            <em>9</em></li>
                                            <li><a href="#">
                                              《逆袭》</a>
                                                <em>10</em></li>
                        </ul>
                    </div>
                </div>
            </div> 
            <!-- 分割线 -->
            <div class="w240 fl">
                <div class="blank" data-zlog="193">
                    <div class="title">环境科学</div>
                    <div class="cont">
                        <ul class="lists clearfix">
                            <li class="top">
                                <a href="#">《绿色制造》</a>
                                <em>1</em>
                            </li>
                            <li class="top">
                                <a href="#">《土壤》</a>
                                <em>2</em>
                            </li>
                            <li class="top">
                                <a href="#">《循规绿色》</a>
                                <em>3</em>
                            </li>
                            <li><a href="#">《项目管理》</a>
                                <em>4</em></li>
                            <li><a href="#">《环境化学》</a>
                                <em>5</em></li>
                            <li><a href="#">《排放绩效》</a>
                                <em>6</em></li>
                                <li><a href="#">《环境管理》</a>
                                    <em>7</em></li>
                                    <li><a href="#">《环境监测》</a>
                                        <em>8</em></li>
                                        <li><a href="#">《环境保护》</a>
                                            <em>9</em></li>
                                            <li><a href="#">
                                         《低碳之家》</a>
                                                <em>10</em></li>
                        </ul>
                    </div>
                </div>
            </div>
            
             <!-- 分割线 -->
  
    <div> 
         <i>&copy;版权归 19级计算机1班 零征英 201980050001享有 盗版必究！</i>
    </div> 
    </body>
</html>